<div class="main">
    <link rel="stylesheet" href="code/css/common.css">
    <link rel="stylesheet" href="code/css/index.css">
    <style>
        #wrapper{
            background-color: #F3F3F5;
        }
        .up_load{
            width: 100%;
            display: -webkit-box;
            padding-top: 20px;
        }
        .up_load li{
            -webkit-box-flex: 1;
        }
        .up_load li img{
            width: 100px;
        }
        .upfilebox {
            position: relative;
        }
        .upfilebox input {
            width: 100px;
            height: 45px;
            position: relative;
            z-index: 9;
            opacity: 0;
        }
        .upfilebox label {
            position: absolute;
            display: inline-block;
            color: #fff;
            width: 125px;
            height: 45px;
            line-height: 36px;
            text-align: center;
            top: 0px;
            left: 0px;
            font-size: 16px;
            border-radius: 3px;
        }
        .layui-layer-content{
            /*background-color: #393D49;*/
            /*color: #fff;*/
        }
        .layui-layer-title{
            display: none;
        }
        .layui-layer-nobg{
            background-color: #fff;
        }
        .layui-layer-content img{
            width: 100%;
            height: auto;
        }
        #editor-trigger{
            height: 420px;
        }
    </style>
    <script src="code/js/common/wangEditor.js"></script>
    <script>
        $('.left').append('<div class="modal"></div>');
        $('.preview').click(function () {

            layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                shadeClose: true,
                area: ['500px', '95%'],
                skin: 'layui-layer-nobg',
                content:$('#editor-trigger').html()
            });
        })
    </script>

    <div class="content_title">
        <span>活动管理>>{{msg}}</span>
        <button class="common_btn preview">预览</button>
        <button class="common_btn cancel" ng-show="showBack"  ng-click="cancel()">返回</button>
    </div>

    <div class="content_main">
        <table class="table activity_add_table">
            <tr>
                <td>
                    <i class="redStar">*</i>
                    <h5>标题:</h5>
                </td>
                <td colspan="3">
                    <input type="text" class="common_input" ng-model="data.title">
                </td>
            </tr>

            <tr>
                <td>
                    <h5>图片:</h5>
                </td>
                <!--<td colspan="3" id="activity_col_icon">-->
                    <!--<i class="redStar">710*400</i>-->
                    <!--<input type="file" id="upload_activity_Icon" accept="image/jpeg,image/png,image/gif" class="input_upload">-->
                <!--</td>-->
                <td id="activity_col_icon">
                    <ul class="up_load">
                    <li>
                    <div class="upfilebox">
                    <input type="file"  id="upload_activity_Icon" accept="image/jpeg,image/png,image/gif"/>
                    <!--<label >上传图片</label>-->
                    <label class="btn btn-success " type="button"><i class="fa fa-upload"></i>&nbsp;&nbsp;<span class="bold">上传图片</span>
                    </label>
                    </div>
                    </li>
                    <li>
                    <img src="{{data.icon}}" ng-show="data.icon" alt="" ng-click="showPhotos(data.icon,'pic')">
                    </li>
                    </ul>
                    <P class="redStar">710*400</P>
                </td>
            </tr>

            <tr>
                <td><h5>内容:</h5></td>
                <td colspan="3">
                    <div class="container">
                        <div id="editor-trigger" style="height: 420px;">
                        </div>
                    </div>
                </td>
            </tr>

            <tr>
                <td><h5>模板连接:</h5></td>
                <td colspan="3">
                    <input type="text" class="common_input" ng-model="data.link">
                </td>
            </tr>

            <tr>
                <td rowspan="2"><h5>音频图片:</h5></td>
                <td rowspan="2" id="activity_col_audioIcon">
                    <ul class="up_load">
                        <li>
                            <div class="upfilebox">
                                <input type="file"  id="upload_activity_audioIcon" accept="image/jpeg,image/png,image/gif"/>
                                <!--<label >上传图片</label>-->
                                <label class="btn btn-success " type="button"><i class="fa fa-upload"></i>&nbsp;&nbsp;<span class="bold">上传图片</span>
                                </label>
                            </div>
                        </li>
                        <li>
                            <img src="{{data.audioIcon}}" ng-show="data.audioIcon" alt="" ng-click="showPhotos(data.audioIcon,'audioPic')">
                        </li>
                    </ul>
                    <!--<P class="redStar">710*400</P>-->
                    <!--<input type="file" id="upload_activity_audioIcon" accept="image/jpeg,image/png,image/gif" class="input_upload">-->
                </td>
                <td><h5>音频标题:</h5></td>
                <td>
                    <input type="text" class="common_input" ng-model="data.audioTitle">
                </td>
            </tr>

            <tr>
                <td><h5>音频作者:</h5></td>
                <td>
                    <input type="text" class="title_input" ng-model="data.audioAuthor">
                </td>
            </tr>

            <tr>
                <td><h5>音频链接:</h5></td>
                <td colspan="3" id="activity_col_file">
                    <!--<input type="file" id="activity_add_audio" accept="audio/mp3" class="input_upload">-->
                    <!--<span class="redStar .course"></span>-->
                    <ul class="up_load">
                        <li>
                            <div class="upfilebox">
                                <input type="file"  id="activity_add_audio" accept="audio/mp3"/>
                                <!--<label >上传图片</label>-->
                                <label class="btn btn-success " type="button"><i class="fa fa-upload"></i>&nbsp;&nbsp;<span class="bold">上传音频</span>
                                </label>
                            </div>
                        </li>
                    </ul>
                    <p class="redStar" ng-click="showPhotos(data.audioLink,'audioLink')" ng-show="data.audioLink">{{data.audioLink}}</p>
                </td>
            </tr>

            <tr>
                <td><h5>活动归属:</h5></td>
                <td colspan="3">
                    <input type="radio" id="activity_add_type1" value="0" name="activity_add_type" checked>
                    <label for="activity_add_type1" class="common_label">热点</label>

                    <input type="radio" id="activity_add_type2" value="1" name="activity_add_type">
                    <label for="activity_add_type2" class="common_label">话题</label>

                    <input type="radio" id="activity_add_type3" value="2" name="activity_add_type">
                    <label for="activity_add_type3" class="common_label">月签</label>
                </td>
            </tr>

            <tr>
                <td><h5>外显时间:</h5></td>
                <td colspan="3">
                    <span style="position: relative;top: 8px;">开始时间:&nbsp;</span>
                    <!--<input type="datetime-local" step=1 id="activity_releaseTime" class="dateLocal_input">-->
                    <input id="activity_releaseTime"  class="form-control layer-date" placeholder="开始时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                    <span style="position: relative;top: 8px;">结束时间:&nbsp;</span>
                    <!--<input type="datetime-local" step=1 id="activity_endTime" class="dateLocal_input">-->
                    <input id="activity_endTime"  class="form-control layer-date" placeholder="开始时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                </td>
            </tr>

            <tr>
                <td><h5>系统推送:</h5></td>
                <td colspan="3">
                    <select id="activity_send" class="select">
                        <option value="0">是</option>
                        <option value="1">否</option>
                    </select>
                </td>
            </tr>

            <tr>
                <td><h5>排序值:</h5></td>
                <td colspan="3">
                    <input type="text" class="id_input" ng-model="data.weight">
                </td>
            </tr>

            <tr>
                <td>
                    <i class="redStar">*</i>
                   <h5> 是否显示:</h5>
                </td>
                <td colspan="3">
                    <input type="radio" id="activity_add_type_yes" value="0" name="activity_add_status">
                    <label for="activity_add_type_yes" class="common_label">显示</label>

                    <input type="radio" id="activity_add_type_none" value="1" name="activity_add_status">
                    <label for="activity_add_type_none" class="common_label">隐藏</label>
                </td>
            </tr>
        </table>

        <div class="preserveCancel">
            <button class="preserve_btn" ng-click="activityPost()">保存</button>
            <button class="cancel_btn" ng-click="activityCancel()">取消</button>
        </div>
    </div>

    <div class="modal_preview">
        <img class="modal_close" src="code/css/close.png" alt="">
        <div class="modal_content">

        </div>
    </div>
</div>


<!--<link rel="stylesheet" href="code/css/common.css">-->
<!--<link rel="stylesheet" href="code/css/index.css">-->
<!--<style>-->
    <!--.col-sm-5 {-->
        <!--width: 100%;-->
    <!--}-->
    <!--.layui-layer-content{-->
        <!--background-color: #393D49;-->
        <!--color: #fff;-->
    <!--}-->
<!--</style>-->
<!--<div>-->
    <!--<script>-->
        <!--$('.left').append('<div class="modal"></div>')-->
    <!--</script>-->
    <!--<style>-->
        <!--.up_load{-->
            <!--width: 100%;-->
            <!--display: -webkit-box;-->
            <!--padding-top: 20px;-->
        <!--}-->
        <!--.up_load li{-->
             <!-- -webkit-box-flex: 1;-->
        <!--}-->
        <!--.up_load li img{-->
            <!--width: 100px;-->
        <!--}-->
        <!--.upfilebox {-->
            <!--position: relative;-->
        <!--}-->
        <!--.upfilebox input {-->
            <!--width: 100px;-->
            <!--height: 45px;-->
            <!--position: relative;-->
            <!--z-index: 9;-->
            <!--opacity: 0;-->
        <!--}-->
        <!--.upfilebox label {-->
            <!--position: absolute;-->
            <!--display: inline-block;-->
            <!--color: #fff;-->
            <!--width: 125px;-->
            <!--height: 45px;-->
            <!--line-height: 36px;-->
            <!--text-align: center;-->
            <!--top: 0px;-->
            <!--left: 0px;-->
            <!--font-size: 16px;-->
            <!--border-radius: 3px;-->
        <!--}-->

    <!--</style>-->
    <!--<div class="content_title">-->
        <!--<span>视频管理>>{{msg}}</span>-->
        <!--<button class="common_btn cancel" ng-click="preview()">预览</button>-->
        <!--<button ng-show="showBack" class="common_btn cancel" ng-click="cancel()">返回</button>-->
    <!--</div>-->

    <!--<div class="ad_content">-->
        <!--<table class="table video_add_table">-->
            <!--<tr>-->
                <!--<td>-->
                    <!--<i class="redStar">*</i>-->
                    <!--<h5>标题:</h5>-->
                <!--</td>-->
                <!--<td>-->
                    <!--<input type="text" class="common_input" ng-model="data.title">-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>-->
                    <!--<h5>图片:</h5>-->
                <!--</td>-->
                <!--<td id="video_col_icon">-->
                    <!--<ul class="up_load">-->
                        <!--<li>-->
                            <!--<div class="upfilebox">-->
                                <!--<input type="file"  id="upload_video_icon" accept="image/jpeg,image/png,image/gif"/>-->
                                <!--&lt;!&ndash;<label >上传图片</label>&ndash;&gt;-->
                                <!--<label class="btn btn-success " type="button"><i class="fa fa-upload"></i>&nbsp;&nbsp;<span class="bold">上传图片</span>-->
                                <!--</label>-->
                            <!--</div>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<img src="{{data.icon}}" alt="">-->
                        <!--</li>-->
                    <!--</ul>-->
                    <!--<P class="redStar">710*400</P>-->
                <!--</td>-->
            <!--</tr>-->

            <!--&lt;!&ndash;<tr>&ndash;&gt;-->
                <!--&lt;!&ndash;<td><h5>UP主:</h5></td>&ndash;&gt;-->
                <!--&lt;!&ndash;<td>&ndash;&gt;-->
                    <!--&lt;!&ndash;<input type="text"&ndash;&gt;-->
                           <!--&lt;!&ndash;onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)"&ndash;&gt;-->
                           <!--&lt;!&ndash;onblur="this.v();" class="id_input" ng-model="data.authorId">&ndash;&gt;-->
                <!--&lt;!&ndash;</td>&ndash;&gt;-->
            <!--&lt;!&ndash;</tr>&ndash;&gt;-->

            <!--&lt;!&ndash;<tr>&ndash;&gt;-->
                <!--&lt;!&ndash;<td><h5>简介:</h5></td>&ndash;&gt;-->
                <!--&lt;!&ndash;<td>&ndash;&gt;-->
                    <!--&lt;!&ndash;<textarea name="" id="" cols="30" rows="10" ng-model="data.summary"></textarea>&ndash;&gt;-->
                <!--&lt;!&ndash;</td>&ndash;&gt;-->
            <!--&lt;!&ndash;</tr>&ndash;&gt;-->

            <!--<tr>-->
                <!--<td>-->
                    <!--<h5>模板链接:</h5>-->
                <!--</td>-->
                <!--<td>-->
                    <!--<input type="text" class="common_input" ng-model="data.link">-->
                <!--</td>-->
            <!--</tr>-->


            <!--<tr>-->
                <!--<td rowspan="2">音频图片:</td>-->
                <!--<td rowspan="2" id="activity_col_audioIcon">-->
                <!--<input type="file" id="upload_activity_audioIcon" accept="image/jpeg,image/png,image/gif" class="input_upload">-->
                <!--</td>-->
                <!--<td>音频标题:</td>-->
                <!--<td>-->
                    <!--<input type="text" class="common_input" ng-model="data.audioTitle">-->
                <!--</td>-->
            <!--</tr>-->

            <!--<tr>-->
                <!--<td>音频作者:</td>-->
                <!--<td>-->
                    <!--<input type="text" class="title_input" ng-model="data.audioAuthor">-->
                <!--</td>-->
            <!--</tr>-->

            <!--<tr>-->
            <!--<td>音频链接:</td>-->
            <!--<td colspan="3" id="activity_col_file">-->
            <!--<input type="file" id="activity_add_audio" accept="audio/mp3" class="input_upload">-->
            <!--<span class="redStar .course"></span>-->
            <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>-->
                    <!--<h5>活动归属:</h5>-->
                <!--</td>-->
                <!--<td>-->
                    <!--<input type="radio" id="activity_add_type1" value="0" name="activity_add_type" checked>-->
                    <!--<label for="activity_add_type1" class="common_label">热点</label>-->

                    <!--<input type="radio" id="activity_add_type2" value="1" name="activity_add_type">-->
                    <!--<label for="activity_add_type2" class="common_label">话题</label>-->

                    <!--<input type="radio" id="activity_add_type3" value="2" name="activity_add_type">-->
                    <!--<label for="activity_add_type3" class="common_label">月签</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><H5>外显时间:</H5></td>-->
                <!--<td>-->
                    <!--<div class="form-group">-->
                        <!--<div class="form-group">-->
                            <!--&nbsp;&nbsp;&nbsp;-->
                            <!--<label class="exampleInputPassword2">开始时间：</label>-->
                            <!--<input id="activityStart" ng-model="start" class="form-control layer-date" placeholder="开始时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">-->
                        <!--</div>-->
                        <!--<div class="form-group">-->
                            <!--&nbsp;&nbsp;&nbsp;-->
                            <!--<label class="exampleInputPassword2">结束时间：</label>-->
                            <!--<input id="activityEnd" ng-model="end" class="form-control layer-date" placeholder="结束时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>-->
                    <!--<h5>系统推送</h5>-->
                <!--</td>-->
                <!--<td>-->
                    <!--<select id="activity_send" class="select">&ndash;&gt;-->
                        <!--<option value="0">是</option>-->
                        <!--<option value="1">否</option>-->
                        <!--</select>-->
                <!--</td>-->
            <!--</tr>-->

            <!--<tr>-->
                <!--<td><H5>排序值:</H5></td>-->
                <!--<td>-->
                    <!--<input type="number" class="id_input" ng-model="data.weight">-->
                <!--</td>-->
            <!--</tr>-->

            <!--<tr>-->
                <!--<td>-->
                    <!--<i class="redStar">*</i>-->
                    <!--<H5>是否显示:</H5>-->
                <!--</td>-->
                <!--<td>-->
                    <!--<input type="radio" name="videoAddType" value="0" id="videoAddType1" checked>-->
                    <!--<label for="videoAddType1" class="common_label">显示</label>-->

                    <!--<input type="radio" name="videoAddType" value="1" id="videoAddType2">-->
                    <!--<label for="videoAddType2" class="common_label">隐藏</label>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->

        <!--<div class="preserveCancel">-->
            <!--<button class="preserve_btn" ng-click="videoPost()">保存</button>-->
            <!--<button class="cancel_btn" ng-click="videoCancel()">取消</button>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->